<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <script src="../static/layui.js" charset="utf-8"></script>
    <link rel="stylesheet" href="../static/css/layui.css" media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>基本树</legend>
</fieldset>

<div style="display: inline-block; width: 180px; height: 210px; padding: 10px; border: 1px solid #ddd; overflow: auto;">
    <ul id="demo1"></ul>
</div>






<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    //Demo
    layui.use(['tree', 'layer','jquery'], function(tree,layer,$){
        var layer = layui.layer
            ,$ = layui.jquery;
        var nodeNew;
        $.ajax({
            type:"post",
            url:"http://localhost:8080/rbac-rest-service/rbac/treeMenu/Treemenu/1",
            success:function(data) {
                nodeNew= JSON.stringify((data).data);

            }
        });
        alert(nodeNew);




        layui.tree({
            elem: '#demo1' //指定元素
            ,target: '_blank' //是否新选项卡打开（比如节点返回href才有效）
            ,click: function(item){ //点击节点回调
                layer.msg('当前节名称：'+ item.name + '<br>全部参数：'+ JSON.stringify(item));
                console.log(item);
            }
            ,nodes:JSON.parse(nodeNew)
        });




    });
</script>

</body>
</html>